<template>
  <div id="hello" class="hello">
    <h1>{{ msg }}</h1>
    <p>{{ message}}</p>
    <button v-on:click="submitForm">發請求</button>
    <div v-html="message1"></div>
    <label for="r1">修改</label><input type="checkbox" v-model="class1" id="r1">
    <div v-bind:class="{'class1':class1}">来改这行东西吧</div>
    <el-button @click="visible = true">按钮</el-button>
    <el-dialog v-model="visible" title="Hello world">
      <p>欢迎使用 Element</p>
    </el-dialog>
    <router-link to="./b" append='true'> 子页面1 </router-link>
    <router-view></router-view>
    <input type="text" v-model="mssg">
    <firstcomponent :inputValue="mssg"></firstcomponent>
    <!-- <secondcomponent v-on:message="recieveMessage"></secondcomponent> -->
  </div>
</template>

<script src="../controller/Hello.js"></script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style src="../assets/css/b.css"></style>